<!--
  Generated template for the WorkerCompletionRecordItemPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>详情</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>


  <div class="qd_list">
    <div class="qd_item">
      <div class="qd_header bor_bottom">
        <div class="w12 qd_address" *ngIf="dev">
          <em class="mr5">{{dataItem.DJLX}}</em>{{data.ADDRESS}}
        </div>
        <div class="w12 qd_address" *ngIf="!dev" (click)="push('MapNavigationPage',data)">
          <em class="mr5">{{dataItem.DJLX}}</em>{{data.ADDRESS}}
        </div>
        <div class="w12 mt10">
          <span class="w12 tl mt10">工单号：<span class="font_black_000">{{data.ID}}</span></span>
          <span class="w12 tl mt10">客户名称：<span class="font_black_000">{{data.NAME}}</span></span>
          <span class="w12 tl mt10">客户电话：<span class="font_black_000">{{data.MOBILE}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.YWDH">业务单号：<span class="font_black_000">{{dataItem.YWDH}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.YYSJ">预约服务时间：<span class="font_black_000">{{dataItem.YYSJ}}</span></span>
          <!--<span class="w12 tl mt10">服务人员：{{dataItem.YYSJ}}</span>-->
          <span class="w12 tl mt10" *ngIf="dataItem.WDMC">服务网点：<span class="font_black_000">{{dataItem.WDMC}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.GZSC">购置商场：<span class="font_black_000">{{dataItem.GZSC}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.YWY">业务员：<span class="font_black_000">{{dataItem.YWY}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.JDSJ">建档时间：<span class="font_black_000">{{dataItem.JDSJ}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.PGR">派工人：<span class="font_black_000">{{dataItem.PGR}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.JDSJ">接单时间：<span class="font_black_000">{{dataItem.JDSJ}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.WGSJ">完工时间：<span class="font_black_000">{{dataItem.WGSJ}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.HZSJ">回执时间：<span class="font_black_000">{{dataItem.HZSJ}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.DDLY">单据来源：<span class="font_black_000">{{dataItem.DDLY}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.DT">是否电梯：<span class="font_black_000">{{dataItem.DT}}</span></span>
          <span class="w12 tl mt10" *ngIf="dataItem.LCS">楼层：<span class="font_black_000">{{dataItem.LCS}}</span></span>
        </div>
      </div>
      <div class="qd_body bor_bottom" *ngIf="dataItem.TXM">
        <ng-container *ngFor="let pro of dataItem.TXM">
          <div class="w12 mt10">
            <span class="w12 tl mt10" *ngIf="pro.SPBM">商品编码:{{pro.SPBM}}</span>
            <span class="w12 tl mt10" *ngIf="pro.SPMC">商品名称:{{pro.SPMC}}</span>
            <span class="w12 tl mt10">条码类型:{{pro.LX}}</span>
            <span class="w12 tl mt10">条码:{{pro.CODE}}</span>
          </div>
        </ng-container>
      </div>
      <div class="qd_body bor_bottom" *ngIf="dataItem.zfsplb!=''">
        <p>自费材料及费用列表：</p>
        <ng-container *ngFor="let pro of dataItem.zfsplb">
          <div class="w12 mt10">
            <span class="w12 tl mt10" >费用编码:{{pro.SPXX01}}</span>
            <span class="w12 tl mt10" >费用名称:{{pro.FYMC}}</span>
            <span class="w12 tl mt10">数量 :{{pro.SL}}</span>
            <span class="w12 tl mt10">金额:{{pro.JE}}</span>
          </div>
        </ng-container>
      </div>
      <div class="qd_body bor_bottom" *ngIf="dataItem.bxsplb!=''">
        <p>保修材料及费用列表</p>
        <ng-container *ngFor="let pro of dataItem.bxsplb">
          <div class="w12 mt10">
            <span class="w12 tl mt10" >费用编码:{{pro.SPXX01}}</span>
            <span class="w12 tl mt10" >费用名称:{{pro.FYMC}}</span>
            <span class="w12 tl mt10">数量 :{{pro.SL}}</span>
            <span class="w12 tl mt10">金额:{{pro.JE}}</span>
          </div>
        </ng-container>
      </div>
      <div class="qd_body bor_bottom" *ngIf="dataItem.SPLB">
        <ng-container *ngFor="let pro of dataItem.SPLB">
          <div class="w12 mt10">
            <h3 class="w10">{{pro.SPMC}}</h3>
            <span class="w02 tr">× {{pro.SL}}</span>
          </div>
        </ng-container>
      </div>
      <div class="qd_footer mt10">
        <div class="w12" *ngIf="dataItem.QZTP">
          <p>签名图片</p>
          <div class="pictures">
            <img [src]="sanitizer.bypassSecurityTrustResourceUrl(dataItem.QZTP)" imageViewer>
          </div>
        </div>
        <div class="w12" *ngIf="dataItem.WGTP!=''">
          <p>完工图片：</p>
          <ng-container *ngFor="let pro of dataItem.WGTP">
            <div class="pictures">
              <img [src]="sanitizer.bypassSecurityTrustResourceUrl(pro.PICTURE)" imageViewer>
            </div>
          </ng-container>
        </div>
      </div>
    </div>
  </div>

</ion-content>
